$(function () {
    var tempIndex = 1;
    var banner = function () {
        if (tempIndex > 5) {
            tempIndex = 0;
        }
        if (tempIndex < 0) {
            tempIndex = 5;
        }
        $(".banner li").eq(tempIndex).fadeIn(2000).siblings().fadeOut(500)
        $(".banner .con .point span").eq(tempIndex).addClass("current").siblings().removeClass("current");
        tempIndex++;
    }
    var timer = setInterval(banner, 2500)
    $(".banner .con .point span").on("click", function () {
        clearInterval(timer);
        tempIndex = $(this).index();
        $(".banner li").eq(tempIndex).fadeIn().siblings().fadeOut()
        $(".banner .con .point span").eq(tempIndex).addClass("current").siblings().removeClass("current");
        tempIndex++;
        timer = setInterval(banner, 2500);
    })
    $(".banner .con .left").on("click", function () {
        clearInterval(timer);
        tempIndex--;
        if (tempIndex < 0) {
            tempIndex = 5;
        }
        $(".banner li").eq(tempIndex).fadeIn().siblings(1000).fadeOut(500)
        $(".banner .con .point span").eq(tempIndex).addClass("current").siblings().removeClass("current");
        timer = setInterval(banner, 2500);
    })
    $(".banner .con .right").on("click", function () {
        clearInterval(timer);
        tempIndex++;
        if (tempIndex > 5) {
            tempIndex = 0;
        }
        $(".banner li").eq(tempIndex).fadeIn().siblings(1000).fadeOut(500)
        $(".banner .con .point span").eq(tempIndex).addClass("current").siblings().removeClass("current");
        timer = setInterval(banner, 2500);
    })
})

